import React from "react";
import "../css/Header.css"

/**
 * state:相当于Vue中data
 */

class Header extends React.Component{
 
  constructor(props){//初始化类的属性
    super();//调用父类的构造函数
    //在react中，一般在组件构造函数中初始化组件的状态
    this.state = {
      title:"我是标题"
    }
  }
  componentWillMount(){//beforeMount
    this.setState({
      title:this.props.title
    })
  }
  render(){
   return(
    <div className="header_container">
      <h1>{this.state.title}</h1>
      <button onClick={()=>{
        this.setState({
          title:"我是一个新的标题"
        })
      }}>点击改变标题</button>
    </div>
   )
  }
}

export default Header;



